<template>
  <div class="container">
    <div class="img">
      <img src="https://h5.ameimeika.com/mp_images/shangcheng/zhifuchenggong@2x.png"
           alt=""
           class="icon">
      <p class="tip">预约成功</p>
      <button class="btn"
              @click="tocheckOrder">
        查看预约单
      </button>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      imgUrl: "https://img.ameimeika.com/",
      ImgBaseUrl: "https://h5.ameimeika.com/mp_images/",
    };
  },
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: "预约成功"
    });
  },
  methods: {
    tocheckOrder () {
      // this.isdisabled = true;
      wx.redirectTo({ url: `/pages/package_projects/booking_new/main?path=${"project_order"}&showName=${"resListShow"}` });
    }
  },
  onUnload: function (options) { }
};
</script>
<style scoped>
.container {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #f3f4f6;
  box-sizing: border-box;
  padding-top: 83px;
}
.img {
  width: 100%;
  text-align: center;
}
.icon {
  width: 105px;
  height: 105px;
}
.tip {
  font-size: 17px;
  font-weight: 600;
  color: #333;
}
.btn {
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background: #ff383e;
  border-radius: 20px;
  margin-top: 55px;
}
</style>


